﻿<UserControl x:Class="Southridge.View.NewProfile"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:Southridge_Data="clr-namespace:Southridge.Data;assembly=Southridge.Data" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" xmlns:Southridge_View="clr-namespace:Southridge.View" 
    d:DesignHeight="1170" d:DesignWidth="534.963" Height="649"
    Background="White"
    xmlns:itb="clr-namespace:Microsoft.Samples.KMoore.WPFSamples.InfoTextBox;assembly=Southridge.Controls"
    >
	<UserControl.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="/Southridge.View;component/Resources/DataEntryStyles.xaml" />
            </ResourceDictionary.MergedDictionaries>

            <DataTemplate x:Key="AddressTemplate2"> 
            <Grid Margin="4,0,4,0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                </Grid.RowDefinitions>
                <itb:InfoTextBox Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="0"  TextBoxInfo="First Name" Text="{Binding Path=FirstName}"/>
                <itb:InfoTextBox Grid.Column="2" Grid.ColumnSpan="2" Grid.Row="0"  TextBoxInfo="Last Name" Text="{Binding Path=LastName}"/>
                <itb:InfoTextBox  Grid.Column="0" Grid.ColumnSpan="3" Grid.Row="1" TextBoxInfo="Email Address" Text="{Binding Path=Email}"/>
                <itb:InfoTextBox  Grid.Column="3" Grid.Row="1" TextBoxInfo="Phone Number" Text="{Binding Path=MobilePhone}" />
                <itb:InfoTextBox Grid.Column="0" Grid.ColumnSpan="4" Grid.Row="2" TextBoxInfo="Address (Line 1)" Text="{Binding Path=Address.Address1}" />
                <itb:InfoTextBox Grid.Column="0" Grid.ColumnSpan="4" Grid.Row="3" TextBoxInfo="Address (Line 2)" Text="{Binding Path=Address.Address2}" />
                <itb:InfoTextBox Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="4" TextBoxInfo="City" Text="{Binding Path=Address.City}"/>
                <itb:InfoTextBox Grid.Column="2" Grid.Row="4" TextBoxInfo="State" Text="{Binding Path=Address.State}"/>
                <itb:InfoTextBox Grid.Column="3" Grid.Row="4" TextBoxInfo="Zip" Text="{Binding Path=Address.ZipCode}"/>            
              
            </Grid>
            
        </DataTemplate>
 
        
        
        <Style x:Key="RightAlignedLabel" TargetType="TextBlock" > 
			<Setter Property="HorizontalAlignment" Value="Right" /> 
			<Setter Property="VerticalAlignment" Value="Center" /> 
			<Setter Property="Margin" Value="0,0,4,0" /> 			
		</Style>

        <Style x:Key="ExpanderHeaderTextBlock" TargetType="TextBlock">
            <Setter Property="Foreground" Value="#FFEFEAEA" />
            <Setter Property="FontSize" Value="22" />
            <Setter Property="FontWeight" Value="Bold" />
            
        </Style>


        <!--<Style x:Key="{x:Type TextBox}" TargetType="TextBox"> 
			<Setter Property="VerticalAlignment" Value="Center" /> 			
		</Style>--> 
		
		<DataTemplate x:Key="AddressTemplate">
			<Grid MinWidth="400" >
				<Grid.RowDefinitions>
					<RowDefinition/>
					<RowDefinition/>
					<RowDefinition/>
					<RowDefinition/>
                    <RowDefinition/>                    
                </Grid.RowDefinitions>
				<Grid.ColumnDefinitions> 
					<ColumnDefinition Width="Auto" /> 
					<ColumnDefinition Width="*" /> 
					<ColumnDefinition Width="*" /> 
					<ColumnDefinition Width="*" /> 
					<ColumnDefinition Width="Auto" /> 
					<ColumnDefinition Width="*" />
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                
                
			</Grid>
		</DataTemplate>

		<DataTemplate x:Key="PreferencesTemplate">
			<Grid>
				<Grid.RowDefinitions>
					<RowDefinition/>
					<RowDefinition/>
					<RowDefinition/>
					<RowDefinition/>
					<RowDefinition/>
					<RowDefinition/>
					<RowDefinition/>
				</Grid.RowDefinitions>
				<TextBlock Text="{Binding Path=Acreage}" Grid.Row="0"/>
				<TextBlock Text="{Binding Path=MinBaths}" Grid.Row="1"/>
				<TextBlock Text="{Binding Path=MinGarage}" Grid.Row="2"/>
				<TextBlock Text="{Binding Path=MinRooms}" Grid.Row="3"/>
				<TextBlock Text="{Binding Path=SquareFeet}" Grid.Row="4"/>
				<CheckBox Grid.Row="5" IsChecked="{Binding Path=View}"/>
				<CheckBox Grid.Row="6" IsChecked="{Binding Path=WaterFront}"/>
			</Grid>
		</DataTemplate>
        <SolidColorBrush x:Key="HeaderBackground" Color="#3E4955" />
        
        <!--<LinearGradientBrush x:Key="HeaderBackground" StartPoint="0,0" EndPoint="0,1" >
            <GradientStop Color="#9ECD42" Offset="0" />
            <GradientStop Color="#3D5808" Offset="1" />
        </LinearGradientBrush>-->
		<LinearGradientBrush x:Key="ExpanderArrowHoverFill" EndPoint="0,1" StartPoint="0,0">
			<GradientStop Color="#FFF0F8FE" Offset="0"/>
			<GradientStop Color="#FFE0F3FE" Offset="0.3"/>
			<GradientStop Color="#FF6FA7C5" Offset="1"/>
		</LinearGradientBrush>
		<LinearGradientBrush x:Key="ExpanderArrowPressedFill" EndPoint="0,1" StartPoint="0,0">
			<GradientStop Color="#FFDCF0FA" Offset="0"/>
			<GradientStop Color="#FFC5E6F7" Offset="0.2"/>
			<GradientStop Color="#FF5690D0" Offset="1"/>
		</LinearGradientBrush>
		<LinearGradientBrush x:Key="ExpanderArrowFill" EndPoint="0,1" StartPoint="0,0">
			<GradientStop Color="White" Offset="0"/>
			<GradientStop Color="#FFBFBFBF" Offset="0.5"/>
			<GradientStop Color="#FF878787" Offset="1"/>
		</LinearGradientBrush>
		<Style x:Key="ExpanderRightHeaderStyle" TargetType="{x:Type ToggleButton}">
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type ToggleButton}">
						<Border Padding="{TemplateBinding Padding}">
							<Grid SnapsToDevicePixels="False" Background="Transparent">
								<Grid.RowDefinitions>
									<RowDefinition Height="19"/>
									<RowDefinition Height="*"/>
								</Grid.RowDefinitions>
								<Grid>
									<Grid.LayoutTransform>
										<TransformGroup>
											<TransformGroup.Children>
												<TransformCollection>
													<RotateTransform Angle="-90"/>
												</TransformCollection>
											</TransformGroup.Children>
										</TransformGroup>
									</Grid.LayoutTransform>
									<Ellipse Fill="{DynamicResource ExpanderArrowFill}" Stroke="DarkGray" HorizontalAlignment="Center" x:Name="circle" VerticalAlignment="Center" Width="19" Height="19"/>
									<Path Stroke="#666" StrokeThickness="2" HorizontalAlignment="Center" x:Name="arrow" VerticalAlignment="Center" SnapsToDevicePixels="false" Data="M 1,1.5 L 4.5,5 L 8,1.5"/>
								</Grid>
								<ContentPresenter HorizontalAlignment="Center" Margin="0,4,0,0" VerticalAlignment="Top" SnapsToDevicePixels="True" Grid.Row="1" RecognizesAccessKey="True"/>
							</Grid>
						</Border>
						<ControlTemplate.Triggers>
							<Trigger Property="IsChecked" Value="true">
								<Setter Property="Data" TargetName="arrow" Value="M 1,4.5  L 4.5,1  L 8,4.5"/>
							</Trigger>
							<Trigger Property="IsMouseOver" Value="true">
								<Setter Property="Stroke" TargetName="circle" Value="#FF3C7FB1"/>
								<Setter Property="Fill" TargetName="circle" Value="{DynamicResource ExpanderArrowHoverFill}"/>
								<Setter Property="Stroke" TargetName="arrow" Value="#222"/>
							</Trigger>
							<Trigger Property="IsPressed" Value="true">
								<Setter Property="Stroke" TargetName="circle" Value="#FF526C7B"/>
								<Setter Property="StrokeThickness" TargetName="circle" Value="1.5"/>
								<Setter Property="Fill" TargetName="circle" Value="{DynamicResource ExpanderArrowPressedFill}"/>
								<Setter Property="Stroke" TargetName="arrow" Value="#FF003366"/>
							</Trigger>
						</ControlTemplate.Triggers>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<Style x:Key="ExpanderUpHeaderStyle" TargetType="{x:Type ToggleButton}">
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type ToggleButton}">
						<Border Padding="{TemplateBinding Padding}">
							<Grid SnapsToDevicePixels="False" Background="Transparent">
								<Grid.ColumnDefinitions>
									<ColumnDefinition Width="19"/>
									<ColumnDefinition Width="*"/>
								</Grid.ColumnDefinitions>
								<Grid>
									<Grid.LayoutTransform>
										<TransformGroup>
											<TransformGroup.Children>
												<TransformCollection>
													<RotateTransform Angle="180"/>
												</TransformCollection>
											</TransformGroup.Children>
										</TransformGroup>
									</Grid.LayoutTransform>
									<Ellipse Fill="{DynamicResource ExpanderArrowFill}" Stroke="DarkGray" HorizontalAlignment="Center" x:Name="circle" VerticalAlignment="Center" Width="19" Height="19"/>
									<Path Stroke="#666" StrokeThickness="2" HorizontalAlignment="Center" x:Name="arrow" VerticalAlignment="Center" SnapsToDevicePixels="false" Data="M 1,1.5 L 4.5,5 L 8,1.5"/>
								</Grid>
								<ContentPresenter HorizontalAlignment="Left" Margin="4,0,0,0" VerticalAlignment="Center" SnapsToDevicePixels="True" Grid.Column="1" RecognizesAccessKey="True"/>
							</Grid>
						</Border>
						<ControlTemplate.Triggers>
							<Trigger Property="IsChecked" Value="true">
								<Setter Property="Data" TargetName="arrow" Value="M 1,4.5  L 4.5,1  L 8,4.5"/>
							</Trigger>
							<Trigger Property="IsMouseOver" Value="true">
								<Setter Property="Stroke" TargetName="circle" Value="#FF3C7FB1"/>
								<Setter Property="Fill" TargetName="circle" Value="{DynamicResource ExpanderArrowHoverFill}"/>
								<Setter Property="Stroke" TargetName="arrow" Value="#222"/>
							</Trigger>
							<Trigger Property="IsPressed" Value="true">
								<Setter Property="Stroke" TargetName="circle" Value="#FF526C7B"/>
								<Setter Property="StrokeThickness" TargetName="circle" Value="1.5"/>
								<Setter Property="Fill" TargetName="circle" Value="{DynamicResource ExpanderArrowPressedFill}"/>
								<Setter Property="Stroke" TargetName="arrow" Value="#FF003366"/>
							</Trigger>
						</ControlTemplate.Triggers>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<Style x:Key="ExpanderLeftHeaderStyle" TargetType="{x:Type ToggleButton}">
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type ToggleButton}">
						<Border Padding="{TemplateBinding Padding}">
							<Grid SnapsToDevicePixels="False" Background="Transparent">
								<Grid.RowDefinitions>
									<RowDefinition Height="19"/>
									<RowDefinition Height="*"/>
								</Grid.RowDefinitions>
								<Grid>
									<Grid.LayoutTransform>
										<TransformGroup>
											<TransformGroup.Children>
												<TransformCollection>
													<RotateTransform Angle="90"/>
												</TransformCollection>
											</TransformGroup.Children>
										</TransformGroup>
									</Grid.LayoutTransform>
									<Ellipse Fill="{DynamicResource ExpanderArrowFill}" Stroke="DarkGray" HorizontalAlignment="Center" x:Name="circle" VerticalAlignment="Center" Width="19" Height="19"/>
									<Path Stroke="#666" StrokeThickness="2" HorizontalAlignment="Center" x:Name="arrow" VerticalAlignment="Center" SnapsToDevicePixels="false" Data="M 1,1.5 L 4.5,5 L 8,1.5"/>
								</Grid>
								<ContentPresenter HorizontalAlignment="Center" Margin="0,4,0,0" VerticalAlignment="Top" SnapsToDevicePixels="True" Grid.Row="1" RecognizesAccessKey="True"/>
							</Grid>
						</Border>
						<ControlTemplate.Triggers>
							<Trigger Property="IsChecked" Value="true">
								<Setter Property="Data" TargetName="arrow" Value="M 1,4.5  L 4.5,1  L 8,4.5"/>
							</Trigger>
							<Trigger Property="IsMouseOver" Value="true">
								<Setter Property="Stroke" TargetName="circle" Value="#FF3C7FB1"/>
								<Setter Property="Fill" TargetName="circle" Value="{DynamicResource ExpanderArrowHoverFill}"/>
								<Setter Property="Stroke" TargetName="arrow" Value="#222"/>
							</Trigger>
							<Trigger Property="IsPressed" Value="true">
								<Setter Property="Stroke" TargetName="circle" Value="#FF526C7B"/>
								<Setter Property="StrokeThickness" TargetName="circle" Value="1.5"/>
								<Setter Property="Fill" TargetName="circle" Value="{DynamicResource ExpanderArrowPressedFill}"/>
								<Setter Property="Stroke" TargetName="arrow" Value="#FF003366"/>
							</Trigger>
						</ControlTemplate.Triggers>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<Style x:Key="ExpanderHeaderFocusVisual">
			<Setter Property="Control.Template">
				<Setter.Value>
					<ControlTemplate>
						<Border>
							<Rectangle Stroke="Black" StrokeDashArray="1 2" StrokeThickness="1" Margin="0" SnapsToDevicePixels="true"/>
						</Border>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<Style x:Key="ExpanderDownHeaderStyle" TargetType="{x:Type ToggleButton}">
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type ToggleButton}">
						<Border Padding="{TemplateBinding Padding}">
							<Grid SnapsToDevicePixels="False" Background="Transparent">
								<Grid.ColumnDefinitions>
									<ColumnDefinition Width="19"/>
									<ColumnDefinition Width="*"/>
								</Grid.ColumnDefinitions>
								<Ellipse Fill="{DynamicResource ExpanderArrowFill}" Stroke="DarkGray" HorizontalAlignment="Center" x:Name="circle" VerticalAlignment="Center" Width="19" Height="19"/>
								<Path Stroke="#666" StrokeThickness="2" HorizontalAlignment="Center" x:Name="arrow" VerticalAlignment="Center" SnapsToDevicePixels="false" Data="M 1,1.5 L 4.5,5 L 8,1.5"/>
								<ContentPresenter HorizontalAlignment="Left" Margin="4,0,0,0" VerticalAlignment="Center" SnapsToDevicePixels="True" Grid.Column="1" RecognizesAccessKey="True"/>
							</Grid>
						</Border>
						<ControlTemplate.Triggers>
							<Trigger Property="IsChecked" Value="true">
								<Setter Property="Data" TargetName="arrow" Value="M 1,4.5  L 4.5,1  L 8,4.5"/>
							</Trigger>
							<Trigger Property="IsMouseOver" Value="true">
								<Setter Property="Stroke" TargetName="circle" Value="#FF3C7FB1"/>
								<Setter Property="Fill" TargetName="circle" Value="{DynamicResource ExpanderArrowHoverFill}"/>
								<Setter Property="Stroke" TargetName="arrow" Value="#222"/>
							</Trigger>
							<Trigger Property="IsPressed" Value="true">
								<Setter Property="Stroke" TargetName="circle" Value="#FF526C7B"/>
								<Setter Property="StrokeThickness" TargetName="circle" Value="1.5"/>
								<Setter Property="Fill" TargetName="circle" Value="{DynamicResource ExpanderArrowPressedFill}"/>
								<Setter Property="Stroke" TargetName="arrow" Value="#FF003366"/>
							</Trigger>
						</ControlTemplate.Triggers>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<Style x:Key="ExpanderStyle1" TargetType="{x:Type Expander}">
			<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
			<Setter Property="Background" Value="Transparent"/>
			<Setter Property="HorizontalContentAlignment" Value="Stretch"/>
			<Setter Property="VerticalContentAlignment" Value="Stretch"/>
			<Setter Property="BorderBrush" Value="Transparent"/>
			<Setter Property="BorderThickness" Value="1"/>
			<Setter Property="BorderBrush" Value="{DynamicResource HeaderBackground}" /> 
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type Expander}">
						<Border SnapsToDevicePixels="true" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="3">
							<DockPanel>
                                <Border HorizontalAlignment="Stretch"  Background="{StaticResource HeaderBackground}"  DockPanel.Dock="Top">
                                    <ToggleButton FocusVisualStyle="{StaticResource ExpanderHeaderFocusVisual}" 
                                              Margin="1" MinHeight="0" MinWidth="0" x:Name="HeaderSite" 
                                              Style="{StaticResource ExpanderDownHeaderStyle}" Content="{TemplateBinding Header}" 
                                              ContentTemplate="{TemplateBinding HeaderTemplate}" 
                                              ContentTemplateSelector="{TemplateBinding HeaderTemplateSelector}" 
                                              FontFamily="{TemplateBinding FontFamily}" FontSize="{TemplateBinding FontSize}" 
                                              FontStretch="{TemplateBinding FontStretch}" FontStyle="{TemplateBinding FontStyle}" FontWeight="{TemplateBinding FontWeight}" Foreground="{TemplateBinding Foreground}" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" Padding="{TemplateBinding Padding}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" IsChecked="{Binding Path=IsExpanded, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" 
								HorizontalAlignment="Stretch" 
								/>
                                    </Border>
								<ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" x:Name="ExpandSite" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Focusable="false" Visibility="Collapsed" DockPanel.Dock="Bottom"/>
							</DockPanel>
						</Border>
						<ControlTemplate.Triggers>
							<Trigger Property="IsExpanded" Value="true">
								<Setter Property="Visibility" TargetName="ExpandSite" Value="Visible"/>
							</Trigger>
							<Trigger Property="ExpandDirection" Value="Right">
								<Setter Property="DockPanel.Dock" TargetName="ExpandSite" Value="Right"/>
								<Setter Property="DockPanel.Dock" TargetName="HeaderSite" Value="Left"/>
								<Setter Property="Style" TargetName="HeaderSite" Value="{StaticResource ExpanderRightHeaderStyle}"/>
							</Trigger>
							<Trigger Property="ExpandDirection" Value="Up">
								<Setter Property="DockPanel.Dock" TargetName="ExpandSite" Value="Top"/>
								<Setter Property="DockPanel.Dock" TargetName="HeaderSite" Value="Bottom"/>
								<Setter Property="Style" TargetName="HeaderSite" Value="{StaticResource ExpanderUpHeaderStyle}"/>
							</Trigger>
							<Trigger Property="ExpandDirection" Value="Left">
								<Setter Property="DockPanel.Dock" TargetName="ExpandSite" Value="Left"/>
								<Setter Property="DockPanel.Dock" TargetName="HeaderSite" Value="Right"/>
								<Setter Property="Style" TargetName="HeaderSite" Value="{StaticResource ExpanderLeftHeaderStyle}"/>
							</Trigger>
							<Trigger Property="IsEnabled" Value="false">
								<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
							</Trigger>
						</ControlTemplate.Triggers>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
        </ResourceDictionary>
	</UserControl.Resources>

    
    <!--<ScrollViewer VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Disabled">-->
        <Grid Margin="5,5,5,0"  Background="{StaticResource UserControlBackgroundBrush}">        
            <Grid.RowDefinitions> 
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="20" /> 
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions> 
                <ColumnDefinition Width="425" MinWidth="380" />                 
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>
            
            
            <!--<Expander HorizontalAlignment="Stretch" VerticalAlignment="Top" IsExpanded="True" MinWidth="400" Style="{StaticResource ExpanderStyle1}"  Grid.Row="0" Margin="1,1,7,1">
                <Expander.Header >
                    <TextBlock Text="Contact Info" Style="{StaticResource ExpanderHeaderTextBlock}"/>
                </Expander.Header>
                <ContentControl Content="{Binding Path=CurrentProfile}" ContentTemplate="{DynamicResource AddressTemplate}" Height="140" VerticalAlignment="Top" />
            </Expander>-->

        <HeaderedContentControl Margin="0,0,0,8" Style="{StaticResource GroupH1}" 
            Header="Contact Information" 
            Content="{Binding Path=CurrentProfile}" ContentTemplate="{StaticResource AddressTemplate2}">            
        </HeaderedContentControl>

        <Separator Margin="0,0,8,0" Grid.Row="1"/>
            
        <!--<Expander HorizontalAlignment="Stretch" IsExpanded="true"   Style="{StaticResource ExpanderStyle1}" Grid.Row="1" Margin="1,5,7,0">
                <Expander.Header >
                    <TextBlock Text="Preferences" Style="{StaticResource ExpanderHeaderTextBlock}"/>
                </Expander.Header>-->
                <Southridge_View:PreferencesEditor DataContext="{Binding CurrentProfile.Preference}" Grid.Row="2"/>
            <!--</Expander>-->
            
            <GridSplitter ResizeDirection="Columns" Width="5" Grid.Column="0"  Grid.RowSpan="4"/>

            <!--<Expander  Style="{StaticResource ExpanderStyle1}" HorizontalAlignment="Stretch"   Grid.Column="2" Grid.RowSpan="2" IsExpanded="true" >
                <Expander.Header>
                    <TextBlock Text="Notes" Style="{StaticResource ExpanderHeaderTextBlock}" />
                </Expander.Header>
                <TextBox TextWrapping="Wrap" MinHeight="100" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"  AcceptsReturn="True" AcceptsTab="True"/>

            </Expander>-->


            <Border Grid.Column="2" Grid.RowSpan="4" BorderThickness="1,0,0,0" BorderBrush="#6F757C" Background="White">
            <StackPanel Margin="20,10">
                <TextBlock Foreground="#2E3740" FontFamily="Segoe UI" FontSize="16">Notes</TextBlock>
                <ItemsControl >
                    <HeaderedContentControl Header="December 4, 2008" Style="{StaticResource NotesEntryGroup}">
                        <TextBlock TextWrapping="Wrap">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt         ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco         laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in         voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat         non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                        </TextBlock>
                    </HeaderedContentControl>
                    <HeaderedContentControl Header="December 4, 2008" Style="{StaticResource NotesEntryGroup}">
                        <TextBlock TextWrapping="Wrap">
        Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, 
        totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae 
        dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, 
        sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam 
        est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius 
        modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima 
        veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea 
        commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil
        molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
                        </TextBlock>
                    </HeaderedContentControl>
                    <HeaderedContentControl Header="December 4, 2008" Style="{StaticResource NotesEntryGroup}">
                        <TextBlock TextWrapping="Wrap">
        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla 
        pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit 
        anim id est laborum.
                        </TextBlock>
                    </HeaderedContentControl>
                </ItemsControl>
            </StackPanel>
        </Border>
    </Grid>
    <!--</ScrollViewer>--> 
</UserControl>
